<template>
  <div class="container">
  	<CommentList 
  	v-if='userinfo.openId'
  	:comments="comments"
  	type='user'>
  	</CommentList>
  	<div v-if='userinfo.openId'>
  		<div class="page-title">我的图书</div>
  		<Card 
  		  v-for='book in books'
  		  :key='book.id'
  		  :book='book'>
  		</Card>
  	</div>
  	<div v-if='!books.length'>
  		暂时还未添加过书，快去添加吧
  	</div>
  </div>		
</template>

<script>
import {get} from '@/util'
import CommentList from '@/components/CommentList'
import Card from '@/components/Card'
export default{
	data() {
		return {
		  comments: [],
		  books: [],
		  userinfo: {}
		}
	},
	components: {
		CommentList,
		Card
	},
	methods: {
	init() {
		wx.showNavigationBarLoading()
		this.getComments()
		this.getBooks()
		wx.hideNavigationBarLoading()
		},
	async getComments() {
			const comments = await get('/weapp/commentlist', {
				openid: this.userinfo.openId
			})
			this.comments = comments.list
		},
	async getBooks() {
		     const books = await get('/weapp/booklist', {
		     	openid: this.userinfo.openId
		     })
		     this.books =books.list
        }
	},
	onPullDownRefresh() {
		this.init()
		wx.stopPullDownRefresh()

	},
	onShow() {
		if(!this.userinfo.openId) {
			let userinfo = wx.getStorageSync('userinfo')
			if(userinfo) {
				this.userinfo = userinfo
				this.init()
			}
		}
	}
}
</script>

<style>
</style>